


<!DOCTYPE html>
<html>
<head>
 <title>Html5 Ajax 上传文件</title>
 <script type="text/javascript">
  document.domain="127.0.0.1"
  function UpladFile() {
   var fileObj = document.getElementById("file").files[0]; // 获取文件对象
   // FormData 对象
   var form = new FormData();
   form.append("author", "hooyes");      // 可以增加表单数据
   form.append("file", fileObj);       // 文件对象
   // XMLHttpRequest 对象
   var xhr = new XMLHttpRequest();
   xhr.open("post", "/api/upload", true);
   xhr.onload = function () {
      // 刷新 检测
      //var iframe = document.getElementById("iframe") ;iframe.src = iframe.src
     
    

      var ifr = document.createElement('iframe');
      ifr.src = 'http://127.0.0.1:1568/';
      document.body.appendChild(ifr);
      ifr.onload = function(){
       let doc = ifr.contentDocument || ifr.contentWindow.document;
       console.log(1,doc)

      };
     
   };
   xhr.send(form);
  }
</script>
</head>
<body>
<input type="file" id="file" name="myfile" />
<input type="button" onclick="UpladFile()" value="上传" />
<!-- <iframe  id="iframe" src="http://127.0.0.1:1568/" frameborder="0" style="width:100vw;height: 80vh;"></iframe> -->

</body>
</html>

